<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>p</title>
    <link rel="stylesheet" href="../../model/jsFn.css">
    <link rel="stylesheet" href="../../model/element.css">
</head>
<body>
<!--目录-->
<div class="catalog">
    <h2>目录</h2>
    <ul>
        <li>
            <p><a href="#element">< p ></a></p>
        </li>
        <li>
            <p><a href="#attribute">属性</a></p>
            <ul>
                <li><p><a href="#example">实例</a></p></li>
                <li><p><a href="#optional">可选属性</a></p></li>
                <li><p><a href="#note">提示和注释</a></p></li>
                <li><p><a href="#sketch">效果图</a></p></li>
            </ul>
        </li>
        <li>
            <p><a href="#jsFn">js函数</a></p>
            <ul>
                <li><p><a href="#jsFn_set">set ----------设置文本</a></p></li>
            </ul>
        </li>
    </ul>
</div>
<!--标签-->
<div id="element">
    <h2>p</h2>
    <div>简介:</div>
    <p>常用在text，button的子标签或者单独使用，显示文字内容,在p标签里可再次嵌套一层p标签,进行复杂的富文本编辑</p>
</div>
<!--属性-->
<div id="attribute">
    <h2>属性</h2>
    <div style="margin-left: 25px" id="example">
        <h3>实例:</h3>
        <xmp>
            <p font="14,#1a1717">你好</p>
        </xmp>
    </div>
    <div id="optional">
        <h3>可选属性:</h3>
        <table >
            <tbody>
            <tr>
                <th>属性</th>
                <th>值</th>
                <th>描述</th>
            </tr>
            <tr>
                <td>font</td>
                <td>int,color</td>
                <td>int:文字大小;color,文字颜色</td>
            </tr>
            <tr>
                <td>underline</td>
                <td>boolean</td>
                <td>下划线</td>
            </tr>
            <tr>
                <td>delete</td>
                <td>boolean</td>
                <td>中划线</td>
            </tr>
            <tr>
                <td>color</td>
                <td>color</td>
                <td>文字颜色</td>
            </tr>
            <tr>
                <td>size</td>
                <td>int</td>
                <td>文字大小</td>
            </tr>
            <tr>
                <td>superScript</td>
                <td>boolean</td>
                <td>上标</td>
            </tr>
            <tr>
                <td>subScript</td>
                <td>boolean</td>
                <td>下标</td>
            </tr>
            <tr>
                <td>background</td>
                <td>color</td>
                <td>背景色</td>
            </tr>
            <tr>
                <td>textStyle</td>
                <td>bold|italic</td>
                <td>bold:粗体;italic:斜体</td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
    <div id="note">
        <h3>提示和注释:</h3>
        <p>p标签默认字体大小14，高度为40</p>
        <p>宽度默认占满全局</p>
    </div>
    <div id="sketch">
        <h3>效果图:</h3>
        <img src="img/p.png" alt="">
    </div>
</div>
<!--js方法-->
<div id="jsFn">
    <h2>js方法</h2>
    <div class="jsFnModel" id="jsFn_set">
        <h3>set:</h3>
        <div class="shape">
            <h3>函数使用样式</h3>
            <p>p.set(text) -> void</p>
        </div>
        <div class="profile">
            <h3>函数功能简介</h3>
            <p>修改文本内容</p>
        </div>
        <div class="version">
            <p>稳定性;2 - 稳定的</p>
            <p>新增于:v0.0.0</p>
        </div>
        <div class="params">
            <h3>参数列表:</h3>
            <ul>
                <li>
                    <p>text</p>
                    <p>&nbsp;string&nbsp;</p>
                    <p>需要修改的文本</p>
                </li>
            </ul>
        </div>
        <div class="res">
            <h3>返回值:</h3>
            <p>void</p>
            <p>没有返回值</p>
        </div>
        <div class="code">
            <h3>例子</h3>
            <pre>
            <code>
                < p font="14,#1a1717" id="p">你好< /p>
                document.$("p").set("修改后的文本");
            </code>
        </pre>
        </div>
        <div class="error">
            <h3>抛出错误</h3>
        </div>
    </div>
</div>
<div class="author">
    <p>by-沛华</p>
</div>
</body>
</html>